<template>
    <view class="main dispaly-col-center" v-if="show">
        <view class="b">
            <image class="one" src="/static/icon/mclose.png" mode="aspectFill" @click="show = false" />
        </view>
        <button open-type="contact" class="b">
            <image class="two" src="/static/icon/mkf.png" mode="aspectFill" />
        </button>
    </view>
</template>

<script setup>
import { ref } from 'vue';

const show = ref(true)
</script>
<style lang="scss" scoped>
button {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

button::after {
    border: none;
}

.main {
    position: fixed;
    bottom: 48rpx;
    right: 13rpx;

    .b {
        // box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .one {
        width: 50rpx;
        height: 50rpx;
    }

    .two {
        width: 88rpx;
        height: 88rpx;
    }
}
</style>